﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="slidegallery.aspx.cs" Inherits="slidegallery" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <title>slideGallery 1.3</title>
	<link media="all" type="text/css" rel="stylesheet" href="css/all.css">
	<script type="text/javascript" src="js/mootools-core-1.3-full-compat-yc.js"></script>
	<script type="text/javascript" src="js/slideGallery.js"></script>
	<script type="text/javascript">
	    window.addEvent("domready", function () {

	        /* Example 5 */
	        var gallery5 = new fadeGallery($$(".gallery5"), {
	            speed: 2000,
	            paging: true,
	            pagingEvent: "mouseenter",
	            autoplay: true,
	            duration: 8000,
	            onStart: function () {
	                this.gallery.getElement(".info").set("html", parseInt(this.current + 1) + " from " + this.items.length);
	            },
	            onPlay: function () { this.fireEvent("start"); }
	        });
	    });
	</script>
</head>
<body>
    <form id="form1" runat="server">
  <div id="wrapper">
		<div class="gallery gallery5 gallery-fade">
			<div class="holder">
				<ul>
                <asp:Repeater runat="server" ID="rpt_slide_anh">
                    <ItemTemplate>
                    <li style='visibility: visible; zoom: 1; opacity: 1;'>
                      <a href='<%#Eval("link") %>' target='_parent'><img src='images/<%#Eval("Image") %>' alt='<%#Eval("link") %>' width='760' border='0' style="max-height: 200px"></a>
                    </li>
                    </ItemTemplate>
                </asp:Repeater>
					
                    <%--<li style='visibility: hidden; zoom: 1; opacity: 0;'>
                      <a href='l' target='_parent'><img src='images/qc_muasamngayhe.png' alt='image' width='760' border='0'></a>
                    </li>
                    <li style='visibility: hidden; zoom: 1; opacity: 0;'>
                      <a href='' target='_parent'><img src='images/triankhachhang_thegioikts.png' alt='image' width='760' border='0'></a>
                    </li>
                    <li style='visibility: hidden; zoom: 1; opacity: 0;'>
                      <a href='' target='_parent'><img src='images/qc_daugiacongnghe.png' alt='image' width='760' border='0'></a>
                    </li>
                    <li style='visibility: hidden; zoom: 1; opacity: 0;'>
                      <a href='' target='_parent'><img src='images/qc_walkmannhanzingvip.png' alt='image' width='760' border='0'></a>
                    </li>
                    <li style='visibility: hidden; zoom: 1; opacity: 0;'>
                      <a href='' target='_parent'><img src='images/conlocquatangsony.jpg' alt='image' width='760' border='0'></a>
                    </li>--%>
                  </ul>
			</div>
			<div class="control">
				<a href="#" class="prev">prev</a>
				<a href="#" class="next">next</a>
             </div>
			<div class="paging" id="paging"></div>
        </div>
</div>
    </form>
</body>
</html>
